{extend name="index/index" /}

    {block name="title"}<title>{$title}</title>{/block}

{block name="name"}
<!-- main -->
<div id="fh5co-main">
    <div class="container">

        <div class="row">
            <div id="fh5co-board" data-columns>
                {if condition="!empty($data)"}
                {volist name="data" id="val"}
                <div class="item">

                    <div class="animate-box">
                        <a href="/static/uploads/img/{$val['thumb']}" class="image-popup fh5co-board-img">
                            <img src="__IMG__loading.gif" class="lazy"
                                 data-original="/static/uploads/img/{$val['thumb']}"
                                 alt="Free HTML5 Bootstrap template">
                        </a>
                    </div>
                    <div class="fh5co-desc">
                        <p><a href="{:url('index/Note/index',['id'=>$val['id']])}" class="note">{$val['title']}</a></p>
                    </div>
                    <div class="clearfix"></div>
                    <button class="btn praise" data-id="{$val['id']}">
                        <span><i class="glyphicon glyphicon-heart"></i><strong>{$val['praise']}</strong></span>
                    </button>
                    <button class="btn collection" data-id="{$val['id']}">
                        <span><i class="glyphicon glyphicon-star-empty"></i><strong>{$val['collection']}</strong></span>
                    </button>
                    </button>
                </div>
                {/volist}
                {else /}
                <div class="text-center">
                    <img class="bg" src="/static/index/img/404.png"/>
                    <a href="{:url('index/Index/index')}" class="btn btn-success">返回首页</a>
                </div>

                {/if}

            </div>
        </div>
    </div>
</div>

{js href="__JS__note.js"}

<a href="{:url('index/Note/create')}" class="btn-note"><b class="glyphicon glyphicon-plus"></b> 点击添加笔记</a>

{/block}



